<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0px;
        padding: 0px;
      }
      a {
        text-decoration: none;
      }
      i {
        font-style: normal;
      }
      ul {
        list-style: none;
      }
      li {
        list-style: none;
      }
      .box_bottom_top,
      .box_bottom_centent {
        width: 100%;
        margin-top: 100px;
        border-top: 1px solid #eee;
      }
      /* top */
      .box_bottom_top_inner {
        width: 1200px;
        height: 70px;
        margin: 0 auto;
      }
      .box_bottom_top_inner > a {
        float: left;
        width: 240px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        color: #666;
        font-size: 14px;
        /* background: gold; */
      }
      .box_bottom_top_inner > a > span {
        display: inline-block;
        width: 38px;
        height: 38px;
        vertical-align: middle;
        margin-right: 10px;
      }
      .a_span1 {
        background: url(../image/a.png);
        background-position: 180px 202px;
      }
      .a_span2 {
        background: url(../image/a.png);
        background-position: 0px 145px;
      }
      .a_span3 {
        background: url(../image/a.png);
        background-position: 228px 202px;
      }
      .a_span4 {
        background: url(../image/a.png);
        background-position: 276px 202px;
      }
      .a_span5 {
        background: url(../image/a.png);
        background-position: 324px 202px;
      }
      .box_bottom_centent {
        border: none;
        margin: 0px;
        background: #333;
      }
      .box_bottom_c_i {
        width: 1200px;
        height: 300px;
        margin: 0 auto;
      }
      /* 中间左 */
      .box_b_c_i_lt {
        float: left;
        /* width: 150px; */
        height: 130px;
        margin-bottom: 50px;
        margin-right: 100px;
      }
      .box_b_c_i_lt > h3 {
        font-size: 14px;
        color: #ccaa7a;
        margin-bottom: 10px;
      }
      .box_b_c_i_lt > p {
        font-size: 24px;
        color: #ccaa7a;
      }
      .box_b_c_i_lt > i {
        display: inline-block;
        font-size: 12px;
        color: #999;
        margin-bottom: 20px;
      }
      .box_b_c_i_lt > a {
        /* display: block; */
        font-size: 12px;
        color: #999;
        padding: 10px 45px;
        border: 1px solid #999;
        border-radius: 20px;
      }
      .box_b_c_i_lt > a:hover {
        color: white;
        background: #ccaa7a;
      }
      /* centent center */
      .box_b_c_i_cen {
        float: left;
        margin-right: 150px;
      }
      .box_b_c_i_cen > ul {
        float: left;
        margin-right: 25px;
      }
      .box_b_c_i_cen > ul > h4 {
        font-size: 14px;
        color: #ccc;
        margin-bottom: 13px;
      }
      .box_b_c_i_cen > ul > li {
        width: 80px;
        height: 28px;
      }
      .box_b_c_i_cen > ul > li > a {
        font-size: 12px;
        color: #999;
      }
      .box_b_c_i_cen > ul > li > a:hover {
        color: white;
      }
      .box_b_c_i_cen > .box_b_c_i_cen_last_ul > h4 {
        color: #ccaa7a;
      }
      .box_b_c_i_lt,
      .box_b_c_i_cen,
      .box_b_c_i_rt > a > img {
        margin-top: 50px;
      }
      .box_bottom_bottom {
        width: 1200px;
        margin: 0 auto;
      }
      .box_bottom_bottom > ul {
        width: 800px;
        height: 20px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
      }
      /* .box_bottom_bottom > ul > li {
        float: left;
      } */
      .box_bottom_bottom > ul > li > a {
        color: #999;
        font-size: 12px;
        padding: 15px;
      }
      .box_bottom_bottom > ul > li > a:hover {
        color: white;
      }

      .box_bottom_bottom > p {
        text-align: center;
        font-size: 12px;
        color: #999;
        margin-top: 5px;
      }
      .box_bottom_bottom > p > a {
        color: #666;
      }
      .box_bottom_footer {
        width: 100%;
        height: 40px;
        padding: 20px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="box_bottom">
      <div class="box_bottom_top">
        <div class="box_bottom_top_inner">
          <a href="#"><span class="a_span1"></span>正品保证</a>
          <a href="#"><span class="a_span2"></span>免息分期</a>
          <a href="#"><span class="a_span3"></span>全球联保</a>
          <a href="#"><span class="a_span4"></span>假一赔三</a>
          <a href="#"><span class="a_span5"></span>终身善后</a>
        </div>
      </div>
      <div class="box_bottom_centent">
        <div class="box_bottom_c_i">
          <div class="box_b_c_i_lt">
            <h3>客服电话</h3>
            <p>400-883-2688</p>
            <i>外呼电话</i><i>020-83931899</i>
            <br />
            <a href="#">售后维修</a>
          </div>
          <div class="box_b_c_i_cen">
            <ul>
              <h4>新手指南</h4>
              <li><a href="#">注册新会员</a></li>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">手表小知识</a></li>
              <li><a href="#">退换货流程</a></li>
            </ul>
            <ul>
              <h4>支付</h4>
              <li><a href="#">支付方式</a></li>
              <li><a href="#">分期付款</a></li>
              <li><a href="#">发票说明</a></li>
              <li><a href="#">支付问题</a></li>
            </ul>
            <ul>
              <h4>配送</h4>
              <li><a href="#">包裹签收</a></li>
              <li><a href="#">配送方式</a></li>
              <li><a href="#">配送说明</a></li>
              <li><a href="#">自提流程</a></li>
            </ul>
            <ul>
              <h4>万表保障</h4>
              <li><a href="#">正品保障</a></li>
              <li><a href="#">售后服务</a></li>
              <li><a href="#">价格保护七天</a></li>
              <li><a href="#">退换说明</a></li>
            </ul>
            <ul class="box_b_c_i_cen_last_ul">
              <h4>开放合作</h4>
              <li><a href="#">关于万表</a></li>
              <li><a href="#" style="color: #ccaa7a">商务合作</a></li>
              <li><a href="#">万表声明</a></li>
            </ul>
          </div>
          <div class="box_b_c_i_rt">
            <a href="#">
              <img
                src="../image/BLI[VN(19NEI`9KBMR9[SS3.png"
                alt=""
                width="113px"
              />
            </a>
          </div>
        </div>
        <div class="box_bottom_bottom">
          <ul>
            <li><a href="#">万表app</a></li>
            <li><a href="#">万表名匠</a></li>
            <li><a href="#">万表二手表</a></li>
            <li><a href="#">新款手表</a></li>
            <li><a href="#">高价回收</a></li>
            <li><a href="#">手表资讯</a></li>
            <li><a href="#">天梭手表</a></li>
            <li><a href="#">网站联盟</a></li>
            <li>
              <a href="#">欧米茄手表</a><a href="#" style="padding: 0px">></a>
            </li>
          </ul>
          <br />
          <p>
            万表网名表商城版权所有2009-2021
            <a href="#">ICP备案证书号:粤ICP备09108738号-2</a>
            <a href="#">营业执照</a>
            网监备案:4401060103141
          </p>
          <p>广州市万表科技股份有限公司地址:广州市番禺区番禺大道北16号</p>
          <p>Copyright 2009-2021 WwW.WBIAO.CN.LTD ALL RIGHT RESERVED.</p>
        </div>
      </div>
      <div class="box_bottom_footer">
        <a href="#"><img src="../image/last_1.png" alt="" /></a>
        <a href="#"><img src="../image/last_2.png" alt="" /></a>
      </div>
    </div>
  </body>
</html>
